﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="ThanhToan.aspx.cs" Inherits="IMark.ThanhToan" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <asp:Button ID="Button2" runat="server" Text="Button" />    
    <!-- Page title -->
<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="page-title">
        <h2>Thanh Toán <span>(3 bước)</span></h2>
      </div>
    </div>
  </div>
</div>
<!-- end: Page title -->
<div class="row clearfix f-space10"></div>
<div class="container"> 
  <!-- row -->
  <div class="row">
    <div class="col-md-9 col-sm-12 col-xs-12 main-column box-block"> 
      
      <!-- Checkout Options -->
      <div class="box-content checkout-op">
        <div class="panel-group" id="checkout-options">
        
          <div class="panel panel-default">
            <div class="panel-heading closed" id="Step1" data-parent="#checkout-options" data-target="#op1" data-toggle="collapse">
              <h4 class="panel-title"> <a href="#a"> <span class="fa fa-cogs"></span>Đăng Nhập </a><span class="op-number">01</span> </h4>
            </div>
            <div class="panel-collapse collapse" id="op1">
              <div class="panel-body">
                <div class="row co-row"> 
                  
                  <!-- Login -->
                  <div class="col-md-6 col-xs-12">
                    <div class="box-content login-box">
                      <h4>Tôi đã có tài khoản tại BayMax.vn</h4>
                      
                        <input type="text" value="" placeholder="Email/Username" class="input4">
                        <input type="text" value="" placeholder="Password" class="input4">
                        <label class="checkbox" for="checkbox1">
                          <input type="checkbox" value="" id="checkbox1" data-toggle="checkbox" class="pull-left">
                          <span class="pull-left">Ghi nhớ</span> </label>
                        <button class="btn medium color2 pull-right">Đăng Nhập</button>
                        <p class="fp-link pull-right"><a href="#a" class="color2">Tôi đã quên mật khẩu?</a></p>
                      
                    </div>
                  </div>
                  <!-- end: Login --> 
                  <!-- Register -->
                  
                  <div class="col-md-6 col-xs-12">
                    <div class="box-content register-box">
                      <h4>Bạn chưa đăng ký?</h4>
                      <p>Đăng ký tài khoản để sử dụng các chức năng:</p>
                      <ul>
                        <li><i class="fa fa-check fa-fw"></i> Dễ dàng và thanh toán nhanh chóng.</li>
                        <li><i class="fa fa-check fa-fw"></i> Dễ dàng truy cập vào lịch sử đặt hàng và trạng thái đơn hàng.</li>
                        <li><i class="fa fa-check fa-fw"></i> Tích lũy điểm tại website chúng tôi. </li>
                        <li><i class="fa fa-check fa-fw"></i> Lưu lại thông tin và địa chỉ, bạn sẽ không phải nhập lại.</li>
                      </ul>
                        <button class="btn medium color2 pull-right">Đăng ký</button>
                        <p class="fp-link pull-right">
                            <a href="javascript:GuestCheckout()" class="color2">Đặt hàng mà không cần đăng ký</a>
                        </p>
                    </div>
                  </div>
                  
                  <!-- end: Register --> 
                  
                </div>
              </div>
            </div>
          </div>
          

          
          <div class="panel panel-default">
            <div class="panel-heading closed"  id="Step2" data-parent="#checkout-options" data-target="#op2" data-toggle="collapse">
              <h4 class="panel-title"> <a href="#a"> <span class="fa fa-map-marker"></span> Thông Tin Giao Hàng </a><span class="op-number">02</span> </h4>
            </div>
            <div class="panel-collapse collapse" id="op2">
              <div class="panel-body">
                <div class="row co-row">
                    <!-- Login -->
                    <div class="col-md-7 col-xs-12">
                        <div class="box-content form-box">
                        <h4>Địa chỉ nhận hàng</h4>
                        <asp:TextBox ID="txtHoTen" runat="server" CssClass="input4" placeholder="Họ Tên*"></asp:TextBox>
                        <asp:TextBox ID="txtDiaChi" runat="server" CssClass="input4" placeholder="Địa Chỉ*"></asp:TextBox>
                        <asp:TextBox ID="txtSoDienThoai" runat="server" CssClass="input4" placeholder="Số Điện Thoại* [Baymax sẽ liên hệ số điện thoại này]"></asp:TextBox>
                        <asp:TextBox ID="txtEmail" runat="server" CssClass="input4" placeholder="Email*"></asp:TextBox>
                        <%--<button id="btnNextStep3" class="btn medium color2 pull-right">Tiếp tục</button>--%>
                            <asp:Button ID="Button1" runat="server" Text="Tiếp tục" OnClick="Button1_Click" />
                        </div>
                    </div>
                </div>
              </div>
            </div>
          </div>
          

          
          <div class="panel panel-default"> <!-- add class disabled to prevent from clicking -->
            <div class="panel-heading closed"  id="Step3" data-parent="#checkout-options" data-target="#op5" data-toggle="collapse">
              <h4 class="panel-title"> <a href="#a"> <span class="fa fa-money"></span> Thông Tin Thanh Toán </a><span class="op-number">03</span> </h4>
            </div>
            <div class="panel-collapse collapse" id="op5">
              <div class="panel-body">
                <div class="row co-row"> 
                  
                  <!-- Payment methods -->
                  <div class="col-md-12 col-xs-12">
                    <div class="box-content form-box">
                      <h4>Chọn phương thức thanh toán.</h4>
                      <label class="radio" for="radio4">
                        <input type="radio" value="" id="radio4" data-toggle="radio"  name="paymentmethod" class="pull-left">
                        <span class="pull-left color1 provider">Thanh Toán Khi Nhận Hàng</span><br/>
                        <em>Bạn sẽ thanh toán bằng tiền mặt khi nhận hàng tại nhà.</em> </label>
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label class="radio" for="radio5"><input type="radio" value="" id="radio5" data-toggle="radio"  name="paymentmethod" checked="checked" class="pull-left">
                        <span class="pull-left color1 provider">Thẻ atm nội địa</span><br/>
                        <em>Thanh toán qua cổng thanh toán momo.</em> </label>
                      
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<textarea name="comments" id="comments" cols="10" rows="8" class="input4" placeholder="Comments/messsage"></textarea>
                      <button class="btn medium color2 pull-right">Đặt Hàng</button>
                        
                    </div>
                  </div>
                    <div class="col-md-12 col-xs-12">
                        Bạn sẽ nhận được thông tin về đơn hàng qua email và tin nhắn
                        <br />
                        <input type="checkbox" checked="checked" /><em>Đăng ký nhận tin từ baymax để biết các khuyến mãi hấp dẫn</em>
                    </div>
                  <!-- end: Payment methods --> 
                  
                </div>
              </div>
            </div>
          </div>
          <!-- end: Payment Method --> 

        </div>
      </div>
      <!-- end: Checkout Options --> 
      
    </div>
    <!-- side bar -->
    <div class="col-md-3 col-sm-12 col-xs-12 box-block page-sidebar">
      <div class="box-heading"><span>Summary</span>   <!-- Cart Summary -->
      <div class="box-content cart-box-wr">
        <div class="cart-box-tm">
          <div class="tm1">Sub-Total</div>
          <div class="tm2">$2167.25</div>
        </div>
        <div class="cart-box-tm">
          <div class="tm1">Eco Tax (-2.00) </div>
          <div class="tm2">$23.60</div>
        </div>
        <div class="cart-box-tm">
          <div class="tm1">VAT (18.2%) </div>
          <div class="tm2">$54.00</div>
        </div>
        <div class="cart-box-tm">
          <div class="tm3 bgcolor2">Total </div>
          <div class="tm4 bgcolor2">$7854.34</div>
        </div>
      </div>
      
      <!-- end: Cart Summary -->
      
      <div class="clearfix f-space30"></div>
      <div class="box-heading"><span>Best Sellers</span></div>
      <!-- Best Sellers Products -->
      <div class="box-content">
        <div class="box-products slide carousel-fade" id="productc4">
          <ol class="carousel-indicators">
            <li class="active" data-slide-to="0" data-target="#productc4"></li>
            <li class="" data-slide-to="1" data-target="#productc4"></li>
            <li class="" data-slide-to="2" data-target="#productc4"></li>
          </ol>
          <div class="carousel-inner"> 
            <!-- item -->
            <div class="item active">
              <div class="product-block">
                <div class="image">
                  <div class="product-label product-hot"><span>HOT</span></div>
                  <a class="img" href="product.html"><img alt="product info" src="images/products/product1.jpg" title="product title"></a> </div>
                <div class="product-meta">
                  <div class="name"><a href="product.html">Ladies Stylish Handbag</a></div>
                  <div class="big-price"> <span class="price-new"><span class="sym">$</span>96</span> </div>
                  <div class="big-btns"> <a class="btn btn-default btn-view pull-left" href="">View</a> <a class="btn btn-default btn-addtocart pull-right" href="">Add to
                    Cart</a> </div>
                </div>
                <div class="meta-back"></div>
              </div>
            </div>
            <!-- end: item --> 
            <!-- item -->
            <div class="item">
              <div class="product-block">
                <div class="image"> <a class="img" href="product.html"><img alt="product info" src="images/products/product2.jpg" title="product title"></a> </div>
                <div class="product-meta">
                  <div class="name"><a href="product.html">Ladies Stylish Handbag</a></div>
                  <div class="big-price"> <span class="price-new"><span class="sym">$</span>654.87</span> </div>
                  <div class="big-btns"> <a class="btn btn-default btn-view pull-left" href="">View</a> <a class="btn btn-default btn-addtocart pull-right" href="">Add to
                    Cart</a> </div>
                </div>
                <div class="meta-back"></div>
              </div>
            </div>
            <!-- end: item --> 
            <!-- item -->
            <div class="item">
              <div class="product-block">
                <div class="image"> <a class="img" href="product.html"><img alt="product info" src="images/products/product3.jpg" title="product title"></a> </div>
                <div class="product-meta">
                  <div class="name"><a href="product.html">Ladies Stylish Handbag</a></div>
                  <div class="big-price"> <span class="price-new"><span class="sym">$</span>1600</span> </div>
                  <div class="big-btns"> <a class="btn btn-default btn-view pull-left" href="">View</a> <a class="btn btn-default btn-addtocart pull-right" href="">Add to
                    Cart</a> </div>
                </div>
                <div class="meta-back"></div>
              </div>
            </div>
            <!-- end: item --> 
          </div>
        </div>
        <div class="carousel-controls"> <a class="carousel-control left" data-slide="prev" href="#productc4"> <i class="fa fa-angle-left fa-fw"></i> </a> <a class="carousel-control right" data-slide="next" href="#productc4"> <i class="fa fa-angle-right fa-fw"></i> </a> </div>
        <div class="nav-bg"></div>
      </div>
      <!-- end: Best Sellers Products -->
      <div class="clearfix f-space30"></div>
      <!-- Get Updates Box -->
      <div class="box-content">
        <div class="subscribe">
          <div class="heading">
            <h3>Get updates</h3>
          </div>
          <div class="formbox">
            <form>
              <i class="fa fa-envelope fa-fw"></i>
              <input class="form-control" id="InputUserEmail" placeholder="Your e-mail..." type="text">
              <button class="btn color1 normal pull-right" type="submit">Sign
              up</button>
            </form>
          </div>
        </div>
      </div>
      <!-- end: Get Updates Box --> 
      
    </div>
    <!-- end:sidebar --> 
  </div>
  <!-- end:row --> 
    </div>
<!-- end: container-->
</div>

    <script type="text/javascript">
        GuestCheckout = function()
        {
            $("#Step2").click();
        }
        
    </script>
</asp:Content>
